<!DOCTYPE html>
<html lang="en-US">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1 ,user-scalable=no">
	<title>蜂鸟</title>
	<link rel="stylesheet" id="et-home-style-css" href="css/style.css" type="text/css" media="all">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="css/animation.css" />
	<link rel="stylesheet" type="text/css" href="css/setting-css.css" />

	<script type="text/javascript" src="js/jquery.js"></script>
	<script src="js/draggble.min.js"></script>
	<script src="js/teenmax.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/classie.js"></script>
	<script type="text/javascript" src="js/custom.js"></script>
</head>

<body class="home blog cbp-spmenu-push" style="">
<!--menu-->
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
	<h3>Menu</h3>
	<ul>
		<li id="menu-item-1270" class="sub-menu menu-item menu-item-type-post_type menu-item-object-page menu-item-1270">
			<a title="View Themes Gallery" href="https://www.enginethemes.com/themes/">Themes</a>
		</li>
		<li id="menu-item-4012" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4012">
			<a title="Package Plans" href="https://www.enginethemes.com/package-plans/">Packages</a>
		</li>
		<li id="menu-item-4632" class="resource menu-item menu-item-type-custom menu-item-object-custom menu-item-4632">
			<a href="https://www.enginethemes.com/blog/">Blog</a>
		</li>
		<li id="menu-item-2633" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2633">
			<a title="Help Portal" href="https://www.enginethemes.com/help/">Help</a>
		</li>
	</ul>
</nav>

<!---->
<header id="header-wrapper" class="">
	<div class="sub-main-nav" tabindex="5000" style="overflow: hidden; outline: none;">
		<!-- MENU -->
		<nav class="main-menu">
			<ul>
				<li class="sub-menu menu-item menu-item-type-post_type menu-item-object-page menu-item-1270">
					<a title="View Themes Gallery" href="https://www.enginethemes.com/themes/">Themes</a>
				</li>
				<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4012">
					<a title="Package Plans" href="https://www.enginethemes.com/package-plans/">Packages</a>
				</li>
				<li class="resource menu-item menu-item-type-custom menu-item-object-custom menu-item-4632">
					<a href="https://www.enginethemes.com/blog/">Blog</a>
				</li>
				<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2633">
					<a title="Help Portal" href="https://www.enginethemes.com/help/">Help</a>
				</li>
			</ul>
		</nav>
		<!-- END / MENU -->
	</div>
	<div class="container">
		<div class="row">
			<div class="col-md-2 col-xs-2">
				<a href="https://www.enginethemes.com/" class="wrapper-logo">
					<svg version="1.1" id="logo-bird" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="38px" viewBox="0 0 196 150" enable-background="new 0 0 196 150" xml:space="preserve">
								<path fill="#FFFFFF" d="M191.093,24.257c-11.956-0.201-30.951-0.723-49.513,0.614c-1.496,0.108-3.137-0.356-3.973-1.604
                             c-3.091-4.639-9.893-6.956-14.949-6.956c-13.474,0-21.184,13.571-21.968,25.713C89.261,29.907,76.711,18.973,60.043,6.34
                             c0.227,7.467,1.176,15.347,2.322,22.71c6.621,1.708,9.882,2.667,23.345,8.411C59.604,30.438,34.16,23.823,4.344,23.498
                             c19.222,26.09,46.251,47.769,77.883,60.469c-4.309,0.051-10.248-2.303-13.7-3.984c-11.605,16.58-19.181,36.777-19.181,58.936
                             c0,1.594,0.036,3.174,0.108,4.742c15.991-4.18,30.425-12.236,42.221-23.104l-0.005-0.01c-0.903-5.129-1.368-9.795-1.46-15.16
                             c-4.242,0.381-12.137-0.373-15.708-1.744c1.264,0.016,5.666,0.041,7.183,0.041c2.879,0,5.702-0.238,8.452-0.703
                             c24.212-4.023,42.505-25.068,42.505-50.42l0,0V41.415c0-7.307,7.927-12.926,14.052-13.504c7.064-1.156,26.869-2.719,44.43-2.843
                             C191.852,24.892,191.825,24.375,191.093,24.257z M128.092,27.683c-1.316,0-2.39-1.068-2.39-2.384c0-1.321,1.073-2.384,2.39-2.384
                             c1.315,0,2.384,1.063,2.384,2.384C130.476,26.615,129.407,27.683,128.092,27.683z"></path>
							</svg>
				</a>
			</div>
			<div class="col-md-10 col-xs-10">
				<!-- MENU -->
				<nav class="main-menu" id="header_menu">
					<ul>
						<li class="sub-menu menu-item menu-item-type-post_type menu-item-object-page menu-item-1270">
							<a title="View Themes Gallery" href="https://www.enginethemes.com/themes/">Themes</a>
						</li>
						<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4012">
							<a title="Package Plans" href="https://www.enginethemes.com/package-plans/">Packages</a>
						</li>
						<li class="resource menu-item menu-item-type-custom menu-item-object-custom menu-item-4632">
							<a href="https://www.enginethemes.com/blog/">Blog</a>
						</li>
						<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2633">
							<a title="Help Portal" href="https://www.enginethemes.com/help/">Help</a>
						</li>
					</ul>

					<a href="https://www.enginethemes.com/member/login" class="login-link">LOGIN</a>

					<div id="hamburger" class="hamburglar is-open">
						<div id="top"></div>
						<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="55px" height="55px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
									<path id="circle" fill="none" stroke-width="4" stroke-miterlimit="10" d="M16,32h32c0,0,11.723-0.306,10.75-11 c-0.25-2.75-1.644-4.971-2.869-7.151C50.728,7.08,42.767,2.569,33.733,2.054C33.159,2.033,32.599,2,32,2C15.432,2,2,15.432,2,32 c0,16.566,13.432,30,30,30c16.566,0,30-13.434,30-30C62,15.5,48.5,2,32,2S1.875,15.5,1.875,32"></path>
								</svg>
						<div id="bottom"></div>
					</div>
				</nav>
				<!-- END / MENU -->
			</div>
		</div>
	</div>
</header>
<!-- SLIDER -->
<section id="before-after">
	<div class="view view-after" style="width: 674px;">
		<div class="wrapper-after" style="width: 1348px;">
			<div class="img-bird-wrapper et-in-viewport-check et-in-viewport-floating_special" et-anim="floating_special" et-anim-duration="3500" et-anim-delay="0" et-anim-easing="ease" style="animation: floating_special 3500ms ease forwards;">
				<img src="images/bird-code-min.png">
				<div class="tooltip-item tooltip-item-1" data-header-text="pos-item-1"></div>
				<div class="tooltip-item tooltip-item-2" data-header-text="pos-item-2"></div>
				<div class="tooltip-item tooltip-item-3" data-header-text="pos-item-3"></div>
				<div class="tooltip-item tooltip-item-4" data-header-text="pos-item-4"></div>
			</div>
			<div class="shadown-bird et-in-viewport-check et-in-viewport-pulse_special" et-anim="pulse_special" et-anim-duration="3500" et-anim-delay="0" et-anim-easing="ease" style="animation: pulse_special 3500ms ease forwards;"></div>
			<div class="content-before-after right-position">
				<div class="content-right">
					<h3>The combination of great design and diligent app development.</h3>
					<p class="text-center">
						<a href="https://www.enginethemes.com/themes/" class="btn-sumary btn-sumary-big btn-header" title="View Themes">VIEW THEMES<i class="fa fa-chevron-right"></i></a>
					</p>
				</div>
				<div class="content-left">
					<ul>
						<li class="pos-item-1 active">
							<div class="content-detail-wrapper">
								<div class="img-position"><img src="images/head-dot.png"></div>
								<h3>We make sleek and modern designs for your business.</h3>
							</div>
						</li>
						<li class="pos-item-2">
							<div class="content-detail-wrapper">
								<div class="img-position"><img src="images/head-dot.png"></div>
								<h3>Our creations embrace <br>the simplicity to look extraordinary.</h3>
							</div>
						</li>
						<li class="pos-item-3">
							<div class="content-detail-wrapper">
								<div class="img-position"><img src="images/head-dot.png"></div>
								<h3>Platforms are built from a solid engine &amp; best experiments.</h3>
							</div>
						</li>
						<li class="pos-item-4">
							<div class="content-detail-wrapper">
								<div class="img-position"><img src="images/head-dot.png"></div>
								<h3>EngineThemes are easy to setup and customize to match your needs.</h3>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="view view-before">
		<div class="wrapper-before">
			<div class="img-bird-wrapper et-in-viewport-check et-in-viewport-floating_special" et-anim="floating_special" et-anim-duration="3500" et-anim-delay="0" et-anim-easing="ease" style="animation: floating_special 3500ms ease forwards;">
				<img src="images/bird-standard-min.png">
				<div class="tooltip-item tooltip-item-1" data-header-text="pos-item-1"></div>
				<div class="tooltip-item tooltip-item-2" data-header-text="pos-item-2"></div>
				<div class="tooltip-item tooltip-item-3" data-header-text="pos-item-3"></div>
				<div class="tooltip-item tooltip-item-4" data-header-text="pos-item-4"></div>
			</div>
			<div class="shadown-bird et-in-viewport-check et-in-viewport-pulse_special" et-anim="pulse_special" et-anim-duration="3500" et-anim-delay="0" et-anim-easing="ease" style="animation: pulse_special 3500ms ease forwards;"></div>
			<div class="content-before-after left-position">
				<div class="content-right">
					<h3>The combination of great design and diligent app development.</h3>
					<p class="text-center">
						<a href="https://www.enginethemes.com/themes/" class="btn-sumary btn-sumary-big btn-header" title="View Themes">VIEW THEMES<i class="fa fa-chevron-right"></i></a>
					</p>
				</div>
				<div class="content-left">
					<ul>
						<li class="pos-item-1 active">
							<div class="content-detail-wrapper">
								<div class="img-position"><img src="images/head-dot.png"></div>
								<h3>We make <span class="color-main">sleek and modern</span> designs for your business.</h3>
							</div>
						</li>
						<li class="pos-item-2">
							<div class="content-detail-wrapper">
								<div class="img-position"><img src="images/head-dot.png"></div>
								<h3>Our creations embrace <br>the <span class="color-main">simplicity</span> to look extraordinary.</h3>
							</div>
						</li>
						<li class="pos-item-3">
							<div class="content-detail-wrapper">
								<div class="img-position"><img src="images/head-dot.png"></div>
								<h3>Platforms are built from a <span class="color-main">solid engine</span> &amp; best experiments.</h3>
							</div>
						</li>
						<li class="pos-item-4">
							<div class="content-detail-wrapper">
								<div class="img-position"><img src="images/head-dot.png"></div>
								<h3>EngineThemes are <span class="color-main">easy to setup</span> and customize to match your needs.</h3>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="dragme" style="transform: translate3d(0px, 0px, 0px); cursor: move; user-select: none; touch-action: none; left: 674px; z-index: 1014;">
		<span class="icon-drag"></span>
	</div>
</section>
<!-- END / SLIDER -->
</body>

</html>